var vm = new Vue({
  el: "#listPage",
  data: {
    haveContent: true,
    loadData: [
      {
        id: "1",
        img: "images/home/hotspot_left_img.jpg",
        title:
          "北京城市学院科协与门头沟区科协合作开展特色科普活动展特色科普活动展特色科普活动展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "2",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "3",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "4",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "5",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "6",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "7",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "8",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "9",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        content:
          "由北京市科协主办，北京科技记协承办，中关村创新研修学院、天云融创数据科技（北京）有限公司协办的AI为进一步提升区域公民科学素质，发挥高校在推动科学技术创新、促进教育事业发展中的积极作用，近日，在北京市科学技术协会指导下，在北京市科学技术协会指导下，在北京市科学技术协会指导下",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "10",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
    ],
    newsData: [
      {
        id: "1",
        img: "images/home/hotspot_left_img.jpg",
        title:
          "北京城市学院科协与门头沟区科协合作开展特色科普活动展特色科普活动展特色科普活动展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "2",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "3",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "4",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
    ],
    recommendData: [
      {
        id: "1",
        img: "images/home/hotspot_left_img.jpg",
        title:
          "北京城市学院科协与门头沟区科协合作开展特色科普活动展特色科普活动展特色科普活动展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "2",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "3",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
      {
        id: "4",
        img: "images/home/hotspot_left_img.jpg",
        title: "北京城市学院科协与门头沟区科协合作开展特色科普活动",
        date: "2024/05/01",
        remark: "科普中央厨房",
      },
    ],
    posterList: [
      {
        id: "001",
        imgUrl: "images/list/poster.jpg",
        title:
          "1北京城市学院科协与门头沟区科协合作开展特色科普活动——科学跨年夜",
      },
      {
        id: "002",
        imgUrl: "images/list/poster.jpg",
        title:
          "2北京城市学院科协与门头沟区科协合作开展特色科普活动——科学跨年夜",
      },
      {
        id: "003",
        imgUrl: "images/list/poster.jpg",
        title:
          "3北京城市学院科协与门头沟区科协合作开展特色科普活动——科学跨年夜",
      },
    ],
    mySwiper: null,
  },
  computed: {
    swiperactiveIndex() {

      if (this.mySwiper) return this.mySwiper.realIndex;
      else return 0;
    },
  },
  mounted: function () {
    this.mySwiper = new Swiper("#swiper-poster-container", {
      autoplay: 3000, //可选选项，自动滑动
      loop: true,
      nextButton: ".swiper-button-next",
      prevButton: ".swiper-button-prev",
      pagination: ".swiper-pagination",
      paginationType: "fraction",
    });
  },
  methods: {},
});

var mySwiper = new Swiper("#swiper-main-container", {
  autoplay: 3000, //可选选项，自动滑动
  loop: true,
  nextButton: ".swiper-button-next",
  prevButton: ".swiper-button-prev",
  pagination: ".swiper-pagination",
  paginationType: "fraction",
});

var mySwiper = new Swiper("#swiper-ad-container", {
  autoplay: 3000, //可选选项，自动滑动
  loop: true,
});

var mySwiper = new Swiper("#swiper-bottom-container", {
  autoplay: 3000, //可选选项，自动滑动
  loop: true,
});
